.content{font-size: 12px; width: 100%;height: 100%;min-width: 1200px; overflow: hidden;margin:0;FONT-FAMILY: "Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu,'宋体',Verdana, Geneva, sans-serif;}
i{font-style: normal;}

/*滚动条垂直方向的宽度*/
::-webkit-scrollbar
{
	width: 5px;
}
/* 垂直滚动条的滑动块 */
::-webkit-scrollbar-thumb:vertical {
	border-radius: 4px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
	background-color:rgba(129,129,129,0.3);
}



.title{width:80%;height:auto;margin:0 10%; border-radius: 3px; padding: 5px 5px; bottom: auto;top: 0px;line-height: 20px;color: #000; white-space: nowrap;position: absolute;z-index: 10;text-size-adjust: none;}
/*.title>div{display: inline-block;}*/
.title .grid-demo i{padding: 5px;display: block;color:#c2c2c2;}
.title .grid-demo span{padding: 5px;display: block;font-size: 18px;}
.title .grid-demo p{color:#FFFFFF;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;background:#FFB800;border-radius: 0 0 5px 5px;padding: 2px;text-align: center;padding: 5px;}
.title .grid-demo{text-align: center;background:#fff;border-radius: 5px;color:#0e5288;box-shadow: rgba(0, 0, 0, 0.34902) 2px 2px 3px;}
.title .layui-col-md1:nth-child(1) .grid-demo p,.title .layui-col-md1:nth-child(2) .grid-demo p,.title .layui-col-md1:nth-child(3) .grid-demo p,.title .layui-col-md1:nth-child(4) .grid-demo p{background: #5FB878;}
.title .layui-col-md1:nth-child(8) .grid-demo p,.title .layui-col-md1:nth-child(9) .grid-demo p,.title .layui-col-md1:nth-child(10) .grid-demo p,.title .layui-col-md1:nth-child(11) .grid-demo p{background: #01AAED;}



.more-icon{cursor: pointer; width: 40px;height: 40px;position: absolute;border-radius: 3px 3px 3px 3px;box-shadow: 2px 2px 2px #AAAAAA;right: 35px;top: 40px;text-align: center;line-height: 40px;font-size: 20px;background: #8ea8e0;color: #fff;}
.flex-icon{cursor: pointer;width: 20px;height: 60px;position: absolute;border-radius: 0px 3px 3px 0px;left: -1px;top: 330px;text-align: center;line-height: 60px;font-size: 22px;background: #fff;color: #000;z-index: 999;border-bottom: 1px solid #c1c1c1;border-right: 1px solid #c1c1c1;border-top: 1px solid #c1c1c1;}

.box-l{height: 100%;background: #fff;}
.layui-col-space1{margin: 0px!important;}

#move-left .staff{min-width: 280px;}
// #move-left .layui-tab-card{border: none;border-radius: 0px;box-shadow:none;margin: 0;}
// #move-left .layui-tab-title>li{width: 40%;min-width: 0;padding: 0 5.3%;}

.tab-content-box{position: absolute;top: 40px;bottom: 0;overflow-y: auto;width: 100%;padding: 10px 0!important;}

.staff-cells{background-color: #FFFFFF;line-height: 1.47058824;font-size: 14px;overflow: hidden;position: relative;}
/*.staff-cells:before {content: " ";position: absolute;left: 0;top: 0;right: 0;height: 1px;border-top: 1px solid #e5e5e5;color: #e5e5e5;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);z-index: 2;}*/
.staff-cell{cursor: pointer; padding: 10px 10px;position: relative;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.staff-cell_hd{padding-right: 10px;}
.staff-cell_hd>span{font-size: 35px;color: #eb4949;position: relative;}
.staff-cell_hd>span>i{font-size: 14px;color: #fff;position: absolute;top: 6px;right: 13px;}
.staff-cell_hd>img{
    width:32px;
}
.staff-cell_bd{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;}
.staff-cell_bd>span{display: block;}
.staff-cell_bd>span:first-child{color:#009688;font-weight: bold;}
.staff-cell:first-child:before{border: none;}
.staff-cell:before {content: " ";position: absolute;left: 0;top: 0;right: 0;height: 1px;border-top: 1px solid #e5e5e5;color: #e5e5e5;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);left: 15px;z-index: 2;}
.staff-cell:hover{background: #F0F0F0;}
.staff-cell:hover .staff-cell_bd>span:first-child{color:#009688!important;} 
.staff-cell:hover .staff-cell_bd>span{color:#000!important;} 
.staff-cell_active{background: #01AAED;}
.staff-cell_active .staff-cell_bd>span{color: #F0F0F0;}
.staff-cell_active .staff-cell_bd>span:first-child{color: #fff;}
/*#move-left .staff>li>div{display: inline-block;font-size: 14px;}
#move-left .staff>li>div:first-child{width: 10%;}
#move-left .staff>li>div>span{display: block;}*/


/*#move-right{min-width: 1470px;}*/


.Wrap-hd{height: 30px;line-height: 30px;font-size: 16px;padding: 5px 10px;background:#2F4056;margin: 0;border-radius: 5px 5px 0 0;-moz-user-select: none;color: #fff;}
.Wrap-close{float: right;cursor: pointer; font-size: 16px;}
.divWrap-r{display: none; width: 180px;bottom: 20px;right: 35px;top: 85px;left: auto;white-space: nowrap;position: absolute;z-index: 10;text-size-adjust: none;}
.Wrap-inf{width: 100%;height: 100%;overflow-y: auto;}
.Wrap-inf-box{padding-top: 5px; width: 99%;height: auto;background: #fff;border: 1px solid #2F4056;border-top:none;border-radius:0 0 5px 5px ;}
.Wrap-inf .layui-elem-quote{padding: 5px;}
.Wrap-inf .layui-form-item{margin-bottom: 5px;}
.Wrap-inf .layui-input-block{margin: 0 10px 10px 10px;}
.Wrap-inf .layui-form-item .layui-form-checkbox{margin-bottom:5px ;}
.Wrap-inf .layui-elem-field legend{font-size: 14px;margin-left:0px ;}
.Wrap-inf .layui-elem-field legend>i,.Wrap-inf .layui-input-block label>i{color: #a94442;}
.Wrap-inf .layui-field-title{margin: 12px 0 12px;background: #fff;}
.Wrap-inf .layui-input-block label{font-size: 14px;color: #616161;}
.Wrap-inf .layui-elem-field{padding: 5px;border: none;margin:12px 0 5px;}
.Wrap-inf .layui-form-item .layui-input-inline{width: 100%;}


/*.Wrap-inf .layui-form-checkbox span{background-color:#2F4056;}*/

.layui-form-checkbox span{width: 100px;}

.flex-icon .zkuasgm-icon.close,.flex-icon2 .zkuasgm-icon.close{-moz-transform: rotate(-180deg);-ms-transform: rotate(-180deg);-o-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);transform: rotate(-180deg);-moz-transition: -moz-transform 0.6s;-o-transition: -o-transform 0.6s;-webkit-transition: -webkit-transform 0.6s;transition: transform 0.6s;}
.flex-icon .zkuasgm-icon.open,.flex-icon2 .zkuasgm-icon.open{-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);-moz-transition: -moz-transform 0.6s;-o-transition: -o-transform 0.6s;-webkit-transition: -webkit-transform 0.6s;transition: transform 0.6s;}
.flex-icon .zkuasgm-icon,.flex-icon2 .zkuasgm-icon{display: block;width: 100%;height: 100%;}

.wid{width: 100%!important;}

.b-map-box{position: absolute!important;top:40px;bottom: 0;}
.b-map-box .grid-demo-bg3,.b-map-box #allmap{width: 100%;height: 100%;}

.flex-icon2{cursor: pointer;width: 60px;height: 20px;position: absolute;border-radius: 0px 0px 3px 0px;left: 0px;top: -1px;text-align: center;line-height: 20px;font-size: 22px;background: #fff;color: #000;z-index: 999;border-bottom: 1px solid #c1c1c1;border-right: 1px solid #c1c1c1;}
/*#r-title{height: 40px;float:left;margin:5px 0 0 0;}*/
#r-title{height: 40px;background: #fff;border-bottom: 1px solid #c1c1c1;}
#r-bottom{position: absolute;top: 95px;bottom: 0;overflow: hidden;}


.layui-tab-card > .layui-tab-title{z-index: 9999;}
.cnt-title{position: fixed;z-index: 99;background: #f2f2f2;font-size: 14px;padding: 5px 0;width: 248px;margin-top: -30px;text-align: center;border-bottom: 1px solid #c34016;}
.cnt-title .cnt{color:#c34016;padding: 0 3px;}

#staff .staff-cells{margin-top: 30px;}
#event .staff-cells{margin-top: 45px;}
#event .cnt-title{margin-top: -45px;}
#event .cnt-title .f-icon{color: #1E9FFF;}
#event .cnt-title .s-icon{color: #FFB800;}
#event .cnt-title .t-icon{color: #393D49;}

.span-elli{text-decoration: none;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 225px;}
.event-tip .hd{padding: 5px 0;border-bottom: 1px solid #1E9FFF;}
.event-tip span{display: block;color: #c34016;}
.event-tip span>i{font-size: 14px;color: #000;}
.event-tip button{width: 100%;margin-top: 5px;}

.draw-tip{width: 400px;position: absolute;right: 42%;top: 4px;z-index: 999;overflow: hidden;margin: 0 auto;text-align: center;border-radius: 3px;padding: 3px 0;}

.ybg.zkuasgm-icon{font-size: 20px;}

.alert {
		display: none;
    padding: 5px 10px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert-dismissable, .alert-dismissible {
    padding-right: 35px;
}
.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.tip-close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    margin-left: 5px;
}
button.tip-close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}
.alert-dismissable .tip-close, .alert-dismissible .tip-close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}


.toolbar{width: 65px;height: 100%;background: #666;color: #fff;}
.toolbar ul>li>i{font-size: 20px;}
.toolbar ul>li>p{margin-top: 5px;}
.toolbar ul>li{text-align: center;padding: 15px 5px;cursor: pointer;}
.toolbar ul>li.active{background: #f2f9ff;color: #1e9eff;border-left: 3px solid #1e9eff;}


/*搜索框3*/
/*.bar3 {background: #F9F0DA;}*/
.bar3 form {background: #ebebeb;position: relative;width: 230px;margin: 15px auto;border-radius: 5px;}
.bar3 input, .bar3 button {background: transparent;border: none;outline: none;}
.bar3 input{width: 100%;height: 42px;padding-left: 13px;}
.bar3 button {top: 0;right: 0;height: 42px;width: 42px;cursor: pointer;position: absolute;}
.bar3 button>i{color: #bababa;font-size: 20px;}

.type-box{text-align: center;margin: 10px;}
.type-box ul{width: 230px;margin: 0 auto;}
.type-box li:first-child{border-radius: 5px 0 0 5px;border-style: solid none solid solid;border-color: #e0e0e0;border-width: 1px;}
.type-box li:last-child{border-radius: 0 5px 5px 0;border-style: solid solid solid none;border-color: #e0e0e0;border-width: 1px;}
.type-box li{display: inline-block;width: 113px;background: #f4f4f4;color: #8e8e8e;margin-right: 0px;padding: 5px 0;cursor: pointer;}
.type-box li.active{background: #1e9eff;color: #fff;}

.type-box .select-box{background: #f4f4f4;width: 230px;display: -webkit-flex;position: absolute;border: 1px solid #e0e0e0;border-top: none;z-index: 20000;color: #666;box-sizing: border-box;padding: 8px;}

.result-box{background: #b5c1c9;padding: 10px;color: #fff;}
.result-box .count{margin-left: 12px;background: #ff631e;width: auto;height: 18px;display: inline-block;text-align: center;line-height: 18px;padding: 0 5px;}

/*.list-hd{width: 100%;}
.list-bd{}*/
.list-box{
    position:relative;
}
.list-hd{position: absolute;top: 0;height: 240px;width: 100%;}
.list-bd{position: absolute;top: 170px;bottom: 0;overflow-y: auto;width: 249px;margin: 0 -10px;}
.list-bd2{position: absolute;top: 145px;bottom: 0;overflow-y: auto;width: 249px;margin: 0 -10px;}



.countboxs{line-height: 30px;position: relative}
.countboxs ul>li{display: inline-block;margin: 5px 7px;font-size: 12px;}
.countboxs ul>li .zkuasgm-icon{margin-right: 5px;color: #fff;padding: 3px;border-radius: 2px;    display: inline-block;width: 15px;height: 15px;text-align: center;line-height: 17px;}
.countboxs ul>li .number{color: #1e9eff;}
/*.countboxs .btn-box{float: right;margin-right: 5px;line-height: 40px;}*/
.btn-box{position: absolute;right: 5px;line-height: 40px;}
.btn-box button{background: #ebebeb;border: 1px solid #a4a4a4;color:#000000;  padding: 5px;position: relative;margin-right: 10px;height: 28px;line-height: 15px;}
.btn-box button .tip{display: block;background: rgba(250,60,0,1);position: absolute; text-align: center;line-height: 20px; width: 20px;height: 20px;top: -8px;right: -13px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;z-index: 999;color: #fff;font-size:10px;-webkit-transform : scale(0.84,0.84) ;}
.btn-box button .zkuasgm-icon{margin-right: 3px;}
.countboxs>div{display: inline-block}
.countboxs .zkuasgm-icon{font-size: 14px;}

.grid-btn{border: 1px solid #cecccc;color: #468df1;padding: 10px;background: #f5f5f5;border-radius: 50%;width: 30px;height: 30px;line-height: 30px;margin: auto;margin-bottom: 5px;cursor: pointer;text-align:center;}
.grid-btn .zkuasgm-icon{font-size: 22px;}
.grid-btn:hover,.grid-btn.active{background: #468df1;color: #fff;border-color: #468df1;}


.img{width: 100%;height: 132px;max-width: 100%;display: block;}

.searchTool{width: 100%;position: relative;padding: 10px;}
.searchTool .grid-btn{width: 20px;height: 20px;line-height: 20px;text-align: center;}

.bg1{background: #4bb107!important;}
.bg2{background: #f2cc1b!important;}
.bg3{background: #1b94f2!important;}
.bg4{background: #8a43e2!important;}
.bg5{background: #f3692c!important;}
.bg6{background: #eb4d33!important;}

.color1{color: #4bb107;}
.color2{color: #f2cc1b;}
.color3{color: #1b94f2;}
.color4{color: #8a43e2;}
.color5{color: #f3692c;}
.color6{color: #eb4d33;}
.hide{display: none;}

.zk-tab-one{
    margin:0;
}
.zk-tab-one li{
   min-width: 22%; 
}
.mysearch-box li{
    padding:5px 0;
}
.oncase_box{
    padding:10px;
}
.oncase_box li{
    padding:5px;
}
.oncase_box .layui-badge{
    padding:5px 8px;
    font-size:14px;
}
.tree_box{
    border-right:1px solid #ccc;
    height:780px;
    overflow: hidden;
    padding:10px;
}
.tree_box_bussiness{
    border-right:1px solid #ccc;
    height:780px;
    overflow: hidden;
    margin: -10px 10px;
}
.left_box{
    float:left;
    background:#fff;
    height:100%;
    border-right: 1px solid #c1c1c1;
    overflow: hidden;
    position: relative;width: 315px;height: 100%;
}
.par-box{height: 100%;position: relative;}
#move-left{width: 250px;}

.left_box .gridbox{position: absolute;top: 50px;width: 100%;bottom: 0;overflow-y: hidden;}
.case_grid_box{
    padding:5px;
/*    float:left;*/
}
.r-box{height: 100%;position: absolute;left: 316px;right: 0;width: auto;}
.btn_box{
    padding:5px;
}
.btn_box .layui-row{
    padding:5px;
}
.btn_item{
    margin:0 0 10px 0;
}
.btn_box p{
    text-align:center;
}
.top_box{
    overflow: hidden;
    background:#fff;
    width:100%;
    border-bottom: 1px solid #c1c1c1;
}
.fullScreenBtn{
    position:absolute;
    bottom:20px;
    right:25px;
    height:26px;
    z-index: 99999;
    border:2px solid #ccc;
    border-radius:50%;
    background:#fff;
    // background:#ff631e;
    padding:5px;
}
.fullScreenBtn i{
    font-size:26px;
    line-height:30px;
    overflow: hidden;
    color: #ff631e;
    // color: #fff;
    font-weight: bold;
}
.search_resuit_filter_box{
    padding:5px;
}

.border{border: 1px solid #000000;}
.title .grid-demo i{padding: 3px 5px 0 3px;font-size: 14px;}
.title .grid-demo span,.title .grid-demo p{padding: 3px 5px;font-size: 16px;}
.staff-cell_bd>span:first-child{color: #1E9FFF;}
.title{width: 100%;margin: 0;padding: 10px 5px;}
.title .grid-demo{box-shadow: rgba(0, 0, 0, 0.34902) 2px 2px 6px;}
.tab-content-box{top: 30px;}
.staff-cell:hover .staff-cell_bd>span:first-child{color:#1e9fff!important;}
.case_grid_box .layui-btn+.layui-btn{margin-left: 0px;}

 /*右上角导航*/
        .cesium-viewer-navigationContainer {
            top: 50px;
        }

        .cesium-viewer-bottom{
            width: 200px;
        }

        /*右上角导航 end */

        #pointInfo-template {
            z-index: 2;
			position: absolute;
			bottom: 0;
			height: 15px;
			background-color: #fff;
			line-height: 15px;
			padding: 5px;\
        }

        /*所有模板对象*/
        .template {
            display: none;
        }

        .lodRange-control {
            left: -30px;
            padding-top: 5px;
            width: 270px;
            background: none;
        }

        .lodRange-control .definition-box {
            width: 200px;
            display: inline-block;
        }

        .rangeslider__handle {
            width: 20px;
            height: 20px;
            margin-top: 4px;
        }

        .rangeslider--horizontal {
            height: 10px;
            width: 100%;
        }

        .drawCur {
            cursor: url(/images/supervision/gis/pan1.png) 2 30, auto;
        }

        .measureCur {
            cursor: url(/images/supervision/gis/pan1.png) 2 30, auto;
        }

        .more-content-item{
            /*width: 60px;*/
            display: inline-block;
        }

        .more-content-item + .more-content-item{
            margin-left: 5px;
        }

        .grid-btn-disabled{
            opacity: 0.2;
            cursor: default;
        }
        
.layer .layui-layer-content{overflow: hidden!important;}
/*op_grid选择网格*/
.bd-content{height:100%;} 
.bd-content .full-height{height:100%;}
.bd-content .lf-search{height:40px;}
.bd-content .lf-btn{width: 100%;padding: 0;}
.bd-content .lf-flow{position: absolute;bottom: 5px;top: 100px;overflow-y: auto;}
.bd-content .rt-box{height:100%;position: relative;}
.bd-content .rt-flow{position: absolute;top: 0;width:100%;bottom: 0;overflow-y: auto;padding: 0;}
.bd-content .rt-flow>ul{margin: 10px;}


.swiper1 {
	width: 100%;
	border-bottom: 1px solid #e6e6e6;
}
.swiper1 .selected {
	color: #009688;
	border-bottom: 2px solid #009688;
}
.swiper1 .swiper-slide {
	text-align: center;
	font-size: 16px;
	height: 50px;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	cursor: pointer;
}
.swiper2 {
	width: 95%;
	margin: 10px 0;
}
.swiper2 .swiper-slide {
	height: calc(100vh - 50px);
	color: #000;
}

.toggleMenu{
    cursor: pointer;
    width: 20px;
    height: 60px;
    position: absolute;
    border-radius: 0px 3px 3px 0px;
    left: -1px;
    top: 300px;
    text-align: center;
    line-height: 60px;
    font-size: 22px;
    background: #fff;
    color: #000;
    z-index: 999;
    border-bottom: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    border-top: 1px solid #c1c1c1;
}
.layui-col-space1>* {
    padding: 0;
}

.layadmin-side-shrink .layui-side-menu .layui-nav-item cite, .layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > a .layui-nav-more, .layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > .layui-nav-child{
    border:1px solid #f00;
}

.left_box,.r-box{
    transition: all .3s;
    -webkit-transition: all .3s;
}
          
.menuClose .left_box{
    width:66px;
}
.menuClose .left_box .text{
    display:none;
}
.menuClose .r-box{
    left:67px;
}
.menuOpen .left_box{

}
.menuOpen .r-box{
    
}